<html>
<head>
<title>Learn Japanese</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport"
	content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<link href="css/themes/default/jquery.mobile-1.2.0.min.css"
	rel="stylesheet" />
<link href="css/jqm-docs.css" rel="stylesheet" />
<link href="css/jquery.mobile.simpledialog.min.css" rel="stylesheet" />
<script src="js/serverconfig.js"></script>
<script src="js/jquery-1.8.2.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script src="js/index.js"></script>
<script src="js/jquery.mobile.simpledialog2.min.js"></script>
<script src="cordova-2.0.0.js"></script>
<style type="text/css">
.nav-glyphish .ui-btn .ui-btn-inner {
	padding-top: 80px !important;
}

.nav-glyphish .ui-btn .ui-icon {
	width: 80px !important;
	height: 80px !important;
	margin-left: -40px !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

#vocabulary .ui-icon {
	background: url(img/vocabulary-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#kanji .ui-icon {
	background: url(img/kanji-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#grammar .ui-icon {
	background: url(img/grammar-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#reading .ui-icon {
	background: url(img/reading-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#listening .ui-icon {
	background: url(img/listening-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#test .ui-icon {
	background: url(img/test-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#search .ui-icon {
	background: url(img/search-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#favourite .ui-icon {
	background: url(img/favourite-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#about .ui-icon {
	background: url(img/about-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

.ntc-chucnang.ui-btn-active {
	border: 1px solid #f4c63f;
	background: #fadb4e;
	font-weight: bold;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffefaa),
		to(#ffe155));
	background-image: -webkit-linear-gradient(#ffefaa, #ffe155);
	background-image: -moz-linear-gradient(#ffefaa, #ffe155);
	background-image: -ms-linear-gradient(#ffefaa, #ffe155);
	background-image: -o-linear-gradient(#ffefaa, #ffe155);
	background-image: linear-gradient(#ffefaa, #ffe155);
}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		connectTypeTestDB();
	});

	var db = window.openDatabase("JapaneseBasic", "1.0", "Japanese Database",
			500000);
	function onBodyLoad() {

		//db.transaction(createDB, errorCB, createSuccessCB);

		document.addEventListener("deviceready", onDeviceReady, false);
	}

	function onDeviceReady() {
		initDatabase();
	}

	function swichtListen() {
		if (localGet('daTaiPhanNghe', 0) == 0)
			window.location = "listening-download.html";
		else
			window.location = "listening.html";
	}
	
	$(document).ready(function() {
		$('#btnBack').click(function() {
			parent.history.back();
		});
	});
</script>

</head>
<body onload="onBodyLoad()">
	<div data-role="page" class="type-interior">
		<!-- Start Header -->
		<div data-role="header" data-theme="f" class="ntcHeader"
			data-position="fixed">
			<h1 style="text-transform: capitalize;">
				<b>みんなの日本語</b>
			</h1>
			<a id="menu-update" onclick="checkForUpdate();" href="#"
				data-icon="refresh" data-iconpos="notext"> Update Data </a> <a
				href="about.html" data-ajax="false" data-transition="none"
				data-icon="info" data-iconpos="notext">About</a>
		</div>
		<!-- End Header -->

		<!-- Start Content -->
		<div class="ntc-content"
			style="text-transform: none; overflow: hidden;">
			<!-- Main Functions -->
			<div data-role="header" data-id="foo1" data-theme="e"
				class="nav-glyphish">
				<div data-role="navbar" class="nav-glyphish">
					<ul>
						<li><a data-ajax="false" href="vocabulary.html"
							class="ntc-chucnang2" id="vocabulary" data-icon="custom">Vocabulary</a></li>
						<li><a data-ajax="false" href="kanji.html"
							class="ntc-chucnang2" id="kanji" data-icon="custom">Kanji</a></li>
						<li><a data-ajax="false" data-transition="none"
							href="reading.html" class="ntc-chucnang2" id="reading"
							data-icon="custom">Reading</a></li>
						<li><a data-ajax="false" onclick="swichtListen();"
							class="ntc-chucnang2" id="listening" data-icon="custom">Listening</a></li>
						<li><a data-ajax="false" href="grammar.html"
							class="ntc-chucnang2" id="grammar" data-icon="custom">Grammar
						</a></li>
						
						<li><a data-ajax="false" href="menu_test.html"
							class="ntc-chucnang2" id="grammar" data-icon="custom">Test
						</a></li>
						
						<li><a data-ajax="false" href="search.html"
							class="ntc-chucnang2" id="search" data-icon="custom">Search
						</a></li>
						<li><a data-ajax="false" href="favourite.html"
							class="ntc-chucnang2" id="favourite" data-icon="custom">Favourite
						</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- End Content -->

	<div onload="connectTypeTestDB();" data-role="page" id="testypepage">
		<div data-role="header" data-position="fixed" data-theme="b">
			<a href="index.html" data-ajax="false" id="btnBack" data-icon="back">Back</a>
			<h1>Lựa chọn hình thức kiểm tra</h1>
		</div>
		<!-- /header -->

		<div role="main" class="ui-content">
			<div id="test-typle-option">
				<a href="test_detail.html?" testtype="1" data-role="button" data-icon="star" data-theme="e" data-ajax="false">Vocabulary Hiragana</a> 
				<a href="test_detail.html" testtype="2" data-role="button" data-icon="star" data-theme="e" data-ajax="false">Vocabulary Katakana</a>
				<a href="test_detail.html" testtype="3" data-role="button" data-icon="star" data-theme="e" data-ajax="false">Kanji - Han Viet</a> 
				<a href="test_detail.html" testtype="4" data-role="button" data-icon="star" data-theme="e" data-ajax="false">Kanji - Nghia Anh</a> 
				<a href="test_detail.html" testtype="5" data-role="button" data-icon="star" data-theme="e" data-ajax="false">Kanji - Nghia Viet</a> 
				<a href="test_detail.html" testtype="6" data-role="button" data-icon="star" data-theme="e" data-ajax="false">Kanji - Onyomi</a> 
				<a href="test_detail.html" testtype="7" data-role="button" data-icon="star" data-theme="e" data-ajax="false">Kanji - Kunyomi</a>  
			</div>
		</div>
		<!-- /content -->

		<div data-role="footer" class="nav-glyphish-example" data-theme="b"
			data-position="fixed"></div>
		<!-- /footer -->
	</div>
	<!-- /page -->
</body>
</html>